<jsp:include page="layout/header.jsp">
	<jsp:param name="title" value="How to get content" />
	<jsp:param name="description" value="" />
	<jsp:param name="keywords" value="" />
	<jsp:param name="link" value="get" />
</jsp:include>

<div id="content">
	<div id="content_inner">
		<div id="maincontent">
			<div id="faq">
				<h2 class="title">Register / Create blog / get content</h2>
				<div class="faq-index clearafter">
					<ul>
						<li><a href="/how-to-get-content#register">Register</a>
						</li>
						<li><a href="/how-to-get-content#create-blog">Create Blog</a>
						</li>
						<li><a href="/how-to-get-content#get-auto-content">Get auto content</a>
						</li>
						<li><a href="/how-to-get-content#get-special-content">Get single content</a>
						</li>
					</ul>
				</div>
				<div class="faq-detail">
					<div class="getcontent">
						<h3 class="title green" id="register">
							Register<a href="#" class="gotop">Back to top</a>
						</h3>
						<div>
							<p>
								Go to <a href="http://hatforrent.com/register" target="_blank">http://hatforrent.com/register</a>
								to signup
							</p>
							<p>Type your information in the form and check your E-mail to complete registration</p>
							<p class="faq-img">
								<a href="images/register.png" target="_blank"><img src="images/register.png" /></a> <span>Register</span>
							</p>
						</div>
						<h3 class="title green" id='create-blog'>
							Create Blog<a href="#" class="gotop">Back to top</a>
						</h3>
						<div>
							<p>Choose the type of your website : wordpress or blogspot.</p>
							<p>
								<strong>Create wordpress website</strong>
							</p>
							<p>Type your wordpress's url, username and password into this form to login, then click "check information"to check your information to be correct.</p>
							<p>Note : username must edit or post new articles.</p>
							<p>If the information that you provided is correct. Your website will have the new aritcle with new name : "testing post from hatforrent".</p>
							<p>Then click "Create" to create your blog.</p>
							<p class="faq-img">
								<a href="images/create-wordpress-blog.png" target="_blank"><img src="images/create-wordpress-blog.png" /></a>
								<span>Create wordpress website</span>
							</p>
							<p>
								<strong>Create blogspot website</strong>
							</p>
							<p>Type your blogspot's url, blogspot's ID, username and password into this form to login, then click "check information"to check your information to be correct.</p>
							<p>Note : username must edit or post new articles.</p>
							<p>
								<a href="/faq#faq-1">Click here</a> if you don't know how to get blogspot's ID.
							</p>
							<p>If the information that you provided is correct. Your website will have the new aritcle with new name : "testing post from hatforrent".</p>
							<p>Then click "Create" to create your blog</p>
							<p class="faq-img">
								<a href="images/create-blogspot-blog.png" target="_blank"><img src="images/create-blogspot-blog.png" /></a>
								<span>Create blogspot website</span>
							</p>
						</div>
						<h3 class="title green" id='get-auto-content'>
							Get auto content<a href="#" class="gotop">Back to top</a>
						</h3>
						<div>
							<p>After create the blog, click on the blog's name to begin adding content.</p>
							<p class="faq-img">
								<a href="images/get-auto-content.png" target="_blank"><img src="images/get-auto-content.png" class="img-full-width" /></a>
							</p>
							<p>Type a data into the "Url" and the "Selector of Title Link" in the section "Get source information".</p>
							<p>The url can be "html" or "rss", you can type the url, our system will be auto to detect. The best choice is HTML</p>
							<p>Example : We want to get new fresh content in "iptips.org"</p>
							<p>Type "iptips.org" into the "Url" field. The system will detect this url is the "HTML" format. If you type : "iptips.org/feed", the format will be "Rss". In this case, we choose the format is "HTML"</p>
							<p>Note : You can get the articles in each category of the website by  : "http://iptips.org/category/iphone/" (category is the iphone category that you want to get content)</p>
							<p>Go to "iptips.org", "Inspect Element" and select the title of article, you will see the html-structure of your documen.(In here, we use the firebug on the firefox to inspect element)</p>
							<p class="faq-img">
								<a href="images/get-auto-content-1.png" target="_blank"><img src="images/get-auto-content-1.png" class="img-full-width" /></a>
							</p>
							<p>Type value of selector into the "selector of title link" by using hatforrent's selector.  <a href="/Some-tricks-to-get-content-with-Hatforrent.html" target="_blank">Click here</a> to clear  understanding about it.</p>
							<p>The selector of title link is : ".item .title a"</p>
							<p>After fill the data, click the "check seletor" to view the link that you want to get to be correct</p>
							<p class="faq-img">
								<a href="images/get-auto-content-2.png" target="_blank"><img src="images/get-auto-content-2.png" class="img-full-width" /></a>
							</p>
							<p>You will see the form to get the content</p>
							<p class="faq-img">
								<a href="images/get-auto-content-3.png" target="_blank"><img src="images/get-auto-content-3.png" class="img-full-width" /></a>
							</p>
							<p>
								<strong>Meaning of Parameters </strong>
							</p>
							<p>Link : Set type of the link is follow or nofollow (default is nofollow)</p>
							<p>Source : Choose yes if you want to display the source. it will be displayed at the bottom of the article (default is yes)</p>
							<p>
								Source type : The format of source when display. (Display as text : http://iptips.org/ - Display as link <a href="http://iptips.org/">http://iptips.org/</a>)
							</p>
							<p>Category : Type the category that you want to create, each category will be separated with the comma. You can create these category in your wordpress admin / blogspot admin (in blogspot, category is a label). If you are using the wordpress website, these category will be listed on the right side. If your website is blogspot, no category listed.</p>
							<p>Selector of Title : Type the selector to get the title of the article</p>
							<p>Selector of Content : Type the selector to get the content of the article</p>
							<p>Selector To Remove : Type the selector to remove the tags or the part of content that you don't want to get.</p>
							<p>Now, go back on the iptips.org, click to see the detail of the article, using firebug to get the seletor of title :</p>
							<p>You can see that the article's title is in the tag h1 with class "title", so the value of selector of title will be : ".title" or "h1.title"</p>
							<p class="faq-img">
								<a href="images/get-auto-content-4.png" target="_blank"><img src="images/get-auto-content-4.png" class="img-full-width" /></a>
							</p>
							<p>The article's content is in the tag "div" with class "content", so the value of selector of content will be : ".content" or "div.content"</p>
							<p>Note : if selector that you get is class, you use "." before class name. And if selector that you get is id, you use "#"  before id name.</p>
							<p>There are some tag that unnecessary (tag "script" and the tag "div" with class "addthis_toolbox"), we will type this tag and this class into the "Selector To Remove" to remove them out of the article. Separate them with the "space" key. the value to remove will be : "script .addthis_toolbox"</p>
							<p class="faq-img">
								<a href="images/get-auto-content-5.png" target="_blank"><img src="images/get-auto-content-5.png" class="img-full-width" /></a>
							</p>
							<p>Click to preview this article</p>
							<p>As you see in the result, there is the tag "textarea" (the red rectangular). The cause is the tag "textarea" is inside the div with class "content", so when we type ".content" into the parameter "Selector of Content", it will get the "textarea" too.</p>
							<p class="faq-img">
								<a href="images/get-auto-content-6.png" target="_blank"><img src="images/get-auto-content-6.png" class="img-full-width" /></a>
							</p>
							<p>To remove it, you can type "textarea" into the parameter of "Selector To Remove" or type : ".content .clearfix". When we type ".content .clearfix", the system will retrieve the whole content in the tag "div" that contain both class "content" and "clearfix".</p>
							<p>Click "Preview Article" again to see the result. Then click the "submit" button to submit the link.</p>
							<p class="faq-img">
								<a href="images/get-auto-content-7.png" target="_blank"><img src="images/get-auto-content-7.png" class="img-full-width" /></a>
							</p>
						</div>
						<h3 class="title green" id='get-special-content'>
							Get special content<a href="#" class="gotop">Back to top</a>
						</h3>
						<div>
							<p>In some case, we only want to get some articles that you want. It's the time to use this function. Just copy the article's url and paste into the "Link get special content". </p>
							<p>Note : The way to "Get Special Content" be same "Get Auto Content". If you got contents at your sources existed, you can use "Older Selector" that don't input each the selector again.</p>
							<p>Then, use firebug to get the right selector.</p>
							<p>Assuming that we want to get this article : 
								<a href="http://iptips.org/2012/05/31/new-improved-mac-app-interfaces-for-osx/">http://iptips.org/2012/05/31/new-improved-mac-app-interfaces-for-osx/</a>. 
								Copy and paste the url into the "Link get special content". Because we have taken the content at the site "iptips.org", so just click on the "Older Selector", the system will display the older selector that used previously. Click "use" if you want to use them or you can type the new selector. Click "submit" button to finish.</p>
							<p class="faq-img">
								<a href="images/get-auto-content-8.png" target="_blank"><img src="images/get-auto-content-8.png" class="img-full-width" /></a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<%@ include file='/layout/footer.jsp'%>